/*
 * 默认的商城配置样式
 * @Author: ljb 
 * @Date: 2019-01-02 09:58:23 
 * @Last Modified by: kanglin
 * @Last Modified time: 2019-01-31 14:41:25
 */
 @import '~src/assets/css/common.less';

 

.jd.app {
    /*共用样式*/
    .unit {
        font-size: 24*@rem-per-px;
    }

    .header{
        .v-com-header{
            background-image: url(~src/assets/icon/jd/header_bg.png);
            background-size:cover;
            background-position: bottom;
            .title{
                color: #ffffff;
            }
            .v-com-back{
                background-image: url(~src/assets/icon/jd/back_icon_normal.svg);
            }
        }
    }

    /*向右箭头*/
    .arrow-right-icon {
        display: inline-block;
        width: 32*@rem-per-px;
        height: 32*@rem-per-px;
        background-image: url(~src/assets/icon/jd/more_icon.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*向右箭头 END*/

    /*返回顶部的按钮*/
    .back-top-btn {
        position: fixed;
        right: 10*@rem-per-px;
        bottom: 40*@rem-per-px;
        width: 100*@rem-per-px;
        height: 100*@rem-per-px;
        border-radius: 50%;
        background-image: url(~src/assets/icon/jd/arrow-up.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 70% 70%;
        z-index: 10;
        border: none;
    }
    /*返回顶部的按钮 END*/
    
    /*共用样式 END*/

    /* 页面导航*/
    .v-com-nav-module{
        background-image: url(~src/assets/icon/jd/navigation_bg.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0;
        padding-bottom: 12*@rem-per-px;
        .navs-container {
            .single-nav {
                .text {
                    color: #232931;
                }
            }
        }

        &+div{
            background: url(~src/assets/icon/jd/navigation_next_bg.png);
            background-size: 100% 100%;
        }
    }

    .v-com-bestseller,
    .single-product-area,
    .special-product-area,
    .recommend-product-area{
        .v-component-title {
            padding-top: 14*@rem-per-px;
            padding-bottom: 14*@rem-per-px;
            display: block;
            height:60*@rem-per-px;
            line-height: normal;
            text-align: center;
            box-sizing: content-box;
            .text {
                margin: 0 auto;
                visibility: visible;
                display: block;
                background-image: url(~src/assets/icon/jd/title_bg.png);
                background-repeat: no-repeat;
                background-size: auto 100%;
                background-position: center;
                background-size: auto 100%;
                line-height: 60*@rem-per-px;
                color: #FFE5AC;
                font-size: 28*@rem-per-px;
            }
            .arrow-right-icon{
                position: absolute;
                right: 0;
                top: 14*@rem-per-px;
                height:56*@rem-per-px;
                background-position: center center;
            }
        }
    }

    /*热卖产品*/
    .v-com-bestseller {
        .v-component-title{
            padding-top: 30*@rem-per-px;
            .arrow-right-icon{
                top: 30*@rem-per-px;
            }
        }
        .v-com-bestsellers-product-card{
            .unit {
                color: #D43338;
            }
        }
    }



    /*最新单品*/
    .single-product-area {
        .unit {
            color: #D43338;
        }
       
    }


    /*特价商品*/
    .special-product-area {
        .unit {
            color: #D43338;
        }
     
    }


    /*推荐商品*/
    .recommend-product-area {
        .unit {
            color: #D43338;
        }
    }
}